function insert(j) {

    var products = document.querySelector('.phone-box-right');


    for (var i = 0; i < j.length; i++) {
        var nli = document.createElement('div');
        nli.className = 'item';

        nli.innerHTML = `
            <a href="#">
                <img src="${j[i].image}" alt="${j[i].name}">
                <p class="item-name">${j[i].name}</p>
                <p class="item-desc">${j[i].desc}</p>
                <p class="item-price">${j[i].price}</p>
            </a>
        `;

        products.appendChild(nli);

    }

}


// AJAX
var url = "http://rap2api.taobao.org/app/mock/321835/bbb";
// ajax对象
var xhr = new XMLHttpRequest();
// onreadystatechange事件处理函数
xhr.onreadystatechange = function () {
    // 访问服务器成功，readyState4且HTTP状态码200
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 服务器端获取的数据
        console.log(xhr.responseText);
        // 字符串转JSON
        var jarr = JSON.parse(xhr.responseText);
        // 调用insert方法，将数据插入到ul列表中
        insert(jarr);
    }
}
//GET方式获取服务器端url的内容，异步方式
xhr.open("GET", url, true);
xhr.send();